.home-wrapper {
  position: absolute;
  width: 100vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  .home-top {
    flex: 0 0 10%;
    background-color: transparent;
    display: flex;
    .small-box {
      flex: 6;
      padding: 10px;
      height: 100%;
      .data-show {
        height: 100%;
        //background-color: #0d3553;
        border-radius: 10px;
        text-align: center;
        h1 {
          font-size: 1.8vw;
          color: white;
          padding: 0;
          margin: 0;
        }
        span {
          font-size: 0.7vw;
          color:white;
        }
      }
    }
  }
  .home-content {
    //flex:0 0 1;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: transparent ;  
    padding-left: 10px;
    padding-right: 10px;
    .content-item1{
      //order: 1;
      //flex: 0 0 30vw;
      width: 400px;    // 30vw
      height: 100%;
      display: flex;
      flex-direction: column;
      padding: 20px 0;
      .big-box{
        flex:0 0 45%;
        background-color:#1e415b ;
        border-radius: 15px;
        box-shadow: 0px 0px 6px #207fcf;
        padding-bottom: 10px;
        margin-bottom: 25px;
        display: flex;
        flex-direction: column;
        .box-title{
          flex:0 0 10%;
          font-size: 1.3vw;
          text-align: center;
          margin: 8px 0;
          // padding-top: 5px;
          color: #2a7cb3;
          font-weight: bold;
          margin-bottom: 10px;
        }
        .echarts-box{
          flex:0 0 88%;
          padding:0 20px;
          box-sizing: border-box;
          Table {
              //修改表头文字、背景颜色  
              .ant-table-thead > tr >th{
                color: black;
                background: #748599 !important;
              }
    
              //修改列表文字、背景颜色  
              .ant-table-tbody{
                color: black;
                background: #98a6b6 !important;
              }
          }
        }
      }
    }
    .content-item2{
      // order: 2;
      // display: flex;
      // flex-direction: column;
      // flex: 0 0 35vw;
      //width:40vw;
      flex: 1;
    }
    .content-item3{
      // order: 3;
      width: 400px;   // 30vw
      height: 100%;
      //background-color: green;
      display: flex;
      flex-direction: column;
      padding: 20px 0;
      .big-box{
        flex:0 0 45%;
        background-color:#1e415b ;
        border-radius: 15px;
        box-shadow: 0px 0px 6px #207fcf;
        padding-bottom: 10px;
        margin-bottom: 25px;
        display: flex;
        flex-direction: column;
      }  
    }
  } 
} 


